<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>准备考试</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-title" content="准备考试"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta content="telephone=no" name="format-detection"/>
<style type="text/css">
body{width:100%;}
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, input, textarea, p, th, td, button, span, menu, section, nav {    margin: 0;    padding: 0;}
a{text-decoration:none; color:#4a6c9a; font: 500 14px/1 "Microsoft Yahei";}
ul, menu, dir {display: block;list-style-type:none;}
header{ background:#e8e8e8 url({php echo $this->_img_url}btn_header_right_normal.png) repeat-x;  line-height:58px; height:58px; text-align:center; width:100%;}
header h1{ display:block; color:#fff;font: 600 1.286em/2.8 "Microsoft Yahei";}
header .return{ cursor:pointer; background:url({php echo $this->_img_url}ic_header_back.png) no-repeat scroll 10px 10px rgba(0, 0, 0, 0); background-size: 70% 60%;border-right:#7bb1f9 1px solid; width:50px; height:58px; position:absolute; left:0px; top:0px;}
header .xuan{ display:inline-block; text-align:center; position:absolute; width:50px; height:58px; line-height:58px; right:0px; top:0px; color:#FFF; font-family:"Microsoft Yahei"; font-size:14px; border-left:#7bb1f9 1px solid;}
menu{ margin-top:-10px; background:url({php echo $this->_img_url}bg_home_hearder_tile.png) repeat scroll 0 0 rgba(0, 0, 0, 0);   position: absolute;   width: 100%; z-index:-1;}
menu h2{ margin:40px 0px 40px 40px;color:#4a6c9a; font-size:16px; }
menu .list{background:#fff;border-radius:6px; border:#a8bcd7 2px solid; color:#FFF; font: 500 14px/1 "Microsoft Yahei";   margin:20px;}
menu .list .list_info,.list_one{ border-bottom:#b5c8e6 1px solid; min-height:32px; color:#4a6c9a; line-height:26px; padding:22px 70px; overflow:hidden;}
.list_one{ padding:10px 30px; }
.list span{ display:block; position:absolute; width:31px; height:30px; margin:22px 0px 0px 30px;}
.list .icon_name{background:url({php echo $this->_img_url}icon_name.png) no-repeat; }
.list .icon_mob{background:url({php echo $this->_img_url}icon_mobile.png) no-repeat; }
.list .icon_mess{background:url({php echo $this->_img_url}icon_mess.png) no-repeat; }
.list input{ border:none; height:26px; width:45%; background:transparent; margin-left:8px; color:#333333; font-family: Tahoma,Arial,sans-serif; position:absolute;}
button{border-radius:2px; height:62px; line-height:62px; color:#ffffff; border:0 none;   background:#76b8ff;  background: -webkit-gradient(linear, left top, left bottom, from(#76b8ff), to(#4996fa));background: -moz-linear-gradient(top,  #76b8ff,  #4996fa); font: 500 14px/1 "Microsoft Yahei";filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#76b8ff', endColorstr='#4996fa'); width:94%;  margin:10px 3% 20px 3%; cursor:pointer;}
footer{ background:url({php echo $this->_img_url}footer_bg.PNG) repeat-x; height:16px; width:100%; position:fixed; bottom:0px;}
</style>
<script language='javascript' src='{php echo $this->_script_url}jquery.js'></script>
<script language='javascript' src='{php echo $this->_script_url}jquery.form.js'></script>
</head>
<body>
  	<header>
    	<h1>准备考试</h1>
    	<div class="return" onclick="location.href='javascript:history.go(-1);'"></div>
    	<a class="xuan" href="{php echo $this->createMobileUrl('index')}">首页</a>
  	</header>
  	<menu>
    <div class="list">
       <div class="list_one">名称：{$paper_info['title']}</div>
       <div class="list_one">题数：{$paper_info['total']}题</div>
       <div class="list_one">总分：{php echo intval($paper_info['score'])}分</div>
       <div class="list_one">时间：{$paper_info['times']}分钟</div>
       <div class="list_one" style='word-break:break-all;height:auto;'>简介：{$paper_info['description']}</div>
    </div>
    <form name="form1" method="post" action="" id='data_form'>
    <div class="list">
    	<span class="icon_name"></span>
		<div class="list_info name">
			姓名：
			<input type="text" placeholder="如 李海" name="username" id="username" value="{$member['username']}">
		</div>
		<span class="icon_mob"></span>
		<div class="list_info name">
			手机：
			<input type="text" placeholder="如 1860532XXXX" name="mobile" id="mobile" value="{$member['mobile']}">
		</div>
		<span class="icon_mess"></span>
		<div class="list_info name">
			邮箱：
			<input type="text" placeholder="如 name@example.com" name="email" id="email" value="{$member['email']}">
		</div>
	</div>
		<button id="data_submit">开始考试</button>
		<input type="hidden" name="id" value="{$id}" />
		<input type="hidden" name="submit" value="1" />
		<input type="hidden" name="token" value="{$_W['token']}" />
	</form>
		{template 'loading'}
	</menu>

<script type="text/javascript">
	$(function(){
		$("#data_form").ajaxForm();
		$("#data_submit").click(function(){
			var username = $.trim( $("#username").val() );
			var mobile = $.trim($("#mobile").val());
			var email = $.trim( $("#email").val() );
			if (username == '' || mobile == '') {
				alert("姓名和手机不能为空");
				return false;
			}
			showloading();
			$("#data_form").ajaxSubmit({
				success: function (data) {
					hideloading();
					data = JSON.parse(data);
					if (data.message.result == 1) {
						window.location.href = data.message.url;
					}
				}
			});
			return false;
		});
	});
</script>

</body>
</html>
